<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>OSM地图显示</title>
        <script src="./static/libs/include-leaflet-local.js"></script>
        <script type="text/javascript">
            /**显示地图
             */
            function init() {
                'use strict';
                var osmUrl = 'http://c.tile.openstreetmap.org/{z}/{x}/{y}.png';
                var Layer = L.tileLayer(osmUrl, { minZoom: 5, maxZoom: 18 });

                //地图容器
                var map = L.map('leaf_map', {
                    //显示中心
                    center: [30.495722001885323, 114.39960479736327],
                    //最小显示等级
                    minZoom: 0,
                    //最大显示等级
                    maxZoom: 15,
                    //当前显示等级
                    zoom: 11,
                    //图层
                    layers: Layer
                });
            }
        </script>
    </head>
    <body onload="init()">
        <div id="leaf_map" style="width: 100%; height: 700px"></div>
    </body>
</html>
